<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>后台管理</title>
    <link rel="stylesheet" type="text/css" href="css/common.css">
</head>
<body>
<div class="header" >
    <div class="logo left">后台管理</div>
    <div class="user right">username</div>
</div>
<div>
    <div class="menu left" >
        <dl>
            <dt>目录</dt>
            <dd>
                <a href="#summary">概述</a>
            </dd>
            <dd>
                <a href="#chapter1">第一章 HTML</a>
                <ol>
                    <li>
                        <a href="#chapter1.1">HTML基础</a>
                    </li>
                    <li>
                        <a href="#chapter1.2">HTML标记</a>
                    </li>
                    <li>
                        <a href="#chapter1.3">HTML表格</a>
                    </li>
                </ol>
            </dd>
            <dd>
                <a href="#chapter2">第二章 CSS</a>
                <ol>
                    <li>
                        <a href="#chapter2.1">CSS基础</a>
                    </li>
                    <li>
                        <a href="#chapter2.2">CSS布局</a>
                    </li>
                </ol>
            </dd>
            <dd>
                <a href="#chapter3">JAVA SCRIPT</a>
                <ol>
                    <li>
                        <a href="#chapter3.1">脚本基础</a>
                    </li>
                    <li>
                        <a href="chapter3.2">制作网页特效</a>
                    </li>
                </ol>
            </dd>
        </dl>
    </div>
    <div class="body left" >
        <h1 id="summary">概述</h1>
        <h1 id="chapter1">第一章 HTML</h1>
        <h2 id="chapter1.1">HTML基础</h2>
        &nbsp;&nbsp;&nbsp;&nbsp;HTML基础<br>&nbsp;&nbsp;&nbsp;&nbsp;……
        <h2 id="chapter1.2">HTML标记</h2>
        &nbsp;&nbsp;&nbsp;&nbsp;HTML标记<br>&nbsp;&nbsp;&nbsp;&nbsp;……
        <h2 id="chapter1.3">HTML表格</h2>
        &nbsp;&nbsp;&nbsp;&nbsp;HTML表格<br>&nbsp;&nbsp;&nbsp;&nbsp;……
        <h1 id="chapter2">第二章 CSS</h1>
        &nbsp;&nbsp;&nbsp;&nbsp;CSS基础<br>&nbsp;&nbsp;&nbsp;&nbsp;……
        <h1 id="chapter3">第三章 JS</h1>
        &nbsp;&nbsp;&nbsp;&nbsp;JS基础<br>&nbsp;&nbsp;&nbsp;&nbsp;……
    </div>
</div>
</body>
</html>